<!--

  $Id: all.html,v 1.11 2006/05/25 10:47:00 justb Exp $
  author: Just van den Broecke

-->
<html>
<head>
<title>All Event</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Pragma" content="no-cache">
<style type="text/css">
@import "../dojo1.7/dijit/themes/nihilo/nihilo.css";
@import
"../dojo1.7/dojo/resources/dojo.css"
</style>
<script type="text/javascript" src="../dojo1.7/dojo/dojo.js"
	djConfig="parseOnLoad: true, isDebug: true"></script>

<script type="text/javascript">
	dojo.require("dijit.layout.BorderContainer");
	dojo.require("dijit.layout.ContentPane");
	dojo.require("dijit.PopupMenuBarItem");
	dojo.require("dijit.MenuBar");
	dojo.require("dijit.Menu");
	dojo.require("dijit.MenuItem");
	dojo.require("dijit.MenuSeparator");
	dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dijit.Tree");
	dojo.require("dojox.gauges.AnalogGauge");
    dojo.require("dojox.gauges.AnalogArcIndicator");
    dojo.require("dojox.gauges.AnalogNeedleIndicator");
	dojo.ready(function() {
		var store = new dojo.data.ItemFileReadStore({
			url : "tree_data.json"
		});

		var treeModel = new dijit.tree.ForestStoreModel({
			store : store,
			rootId : "name",
			rootLabel : "name",
			childrenAttr : [ "children" ],
			openOnClick : true
		});

		var tree = new dijit.Tree({
			model : treeModel
		}, "treeOne");
		tree.startup();
	});
</script>

</head>
<body class="nihilo" style="align:center">
	<div dojoType="dijit.layout.BorderContainer" design="headline"
		liveSizing=true style="width: 800px; height: 600px">
		<!-- border-中区 -->
		<div dojoType="dijit.layout.ContentPane" splitter="true"
			href="sysMonitor.html" region="center" style="width: 400px; height: 400px">
			Center!!!
		</div>
		<!-- border-北区 -->
		<div dojoType="dijit.layout.ContentPane" region="top"
			style="width: 800px; heigth: 200px">
			<div id="menubar" dojoType="dijit.MenuBar">
				<!-- 菜单条的菜单项 -->
				<div dojoType="dijit.PopupMenuBarItem" id="file">
					<span>File</span>
					<!-- 菜单项下拉弹出子菜单 -->
					<div dojoType="dijit.Menu" id="fileMenu">
						<div dojoType="dijit.MenuItem" id="new">New</div>
						<div dojoType="dijit.MenuItem" id="open">Open</div>
						<div dojoType="dijit.MenuSeparator" id="separator"></div>
						<div dojoType="dijit.MenuItem" id="save"
							iconClass="dijitEditorIconSave">Save</div>
						<div dojoType="dijit.PopupMenuItem" id="saveas">
							<span>Save as</span>
							<div dojoType="dijit.Menu" id="subMenu">
								<div dojoType="dijit.MenuItem">*.txt</div>
								<div dojoType="dijit.MenuItem">*.doc</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- border-南区 -->
		<div dojoType="dijit.layout.ContentPane" region="bottom"
				style="width: 400px; height: 200px">Bottom!!!</div>
		<!-- border-西区 树形菜单-->
		<div dojoType="dijit.layout.ContentPane" region="leading"
				style="width: 200px; height: 200px">
				<!--  <div id="treeOne"></div>-->
		</div>
		<!-- border-东区 -->
		<div dojoType="dijit.layout.ContentPane" region="trailing"
				style="width: 200px; heigth: 200px">Trailing!!!</div>
	</div>
</body>
</html>

